var $wrap=$('#topsearchbox');
var $txt=$('.textsearch');
var $ul=$('#search_box');
var $btn=$('.btnsearch');
var $aA=null;
var getData=null;
var n=-1;
var $aLi=null;
var oldValue=null;
$txt.on('focus keyup',showUl);
function showUl(){
    var val=$(this).val();
    if(val.length){
        $.ajax({
            url:'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',
            data:'wd='+val,
            type:'get',
            dataType:'jsonp',
            jsonp:'cb',
            success:function(data){
                var strLi='';
                getData=data.s;
                for(var i=0; i<getData.length; i++){
                    strLi+='<li class="JsSearchItem"><a href="javascript:;">'+data.s[i]+'</a></li>';
                }
                $ul.html(strLi);
                $aLi=$('li');
            }
        });
        $ul.show();
    }else{
        $ul.hide();
    }
}
$(".topsearchbox").on('click',function(e){
    var target= e.target;
    if(target.tagName.toLowerCase()==='li' && target.className==="JsSearchItem"){
        search($(target).text());
    }
    if(target.tagName.toLowerCase()==='button' && target.className==="btnsearch"){
        search($txt.val())
    }
    if(target.tagName.toLowerCase()==='input'){
        return false;
    }
    $ul.hide();

});
$txt.on('keydown',function(e){
    if(e.keyCode===40){
        n++;
        if(n>=getData.length){
            n=-1;
        }
        showBg();
    }else if(e.keyCode===38){
        n--;
        if(n<=-2){
            n=getData.length-1;
        }
        showBg();

    }else if(e.keyCode===13){
        search($(".textsearch").val())
    }else{
        $txt.on('focus keyup',showUl);
    }
});
function showBg(){
    //�ӣ�ÿ�ΰ��¼���ʱ��oldValue������ģ��������ָ���oldValue��ֵһ�Σ����������ж�
    if(!oldValue){
        oldValue=$txt.val();
    }
    $txt.off('keyup',showUl);//���
    if(n==-1){
        $txt.val(oldValue);
        $aLi.removeClass('active');
    }else{
        $aLi.eq(n).addClass('active').siblings('li').removeClass('active');
        $txt.val($aLi.eq(n).children('a').html())
    }
}
function search(content){/*�������ܣ�ֱ����window��һ���µĽӿڣ��ӿ��е�wd������ǹؼ��֣����ںź������Ҫ����������*/
    window.open('https://www.baidu.com/s?wd='+content,'_blank');
    return false;
}